<template>
    <div class="big_description">
    	<div class="description_head">
    		<span class="big_description_span"></span>
    		<span class="big_description_span1">职位描述 : </span>
    	</div>
    	<div class="description_pos">
    		<span>岗位职责:</span>
    		<ul class="description_ul" >
    			<li v-for="(val,index) in requireList">{{index+1}}. {{val.req}}</li>
    		</ul>
    	</div>
    	<div class="description_require">
    		<span>岗位要求:</span>
    		<ul class="description_ul" >
    			<li v-for="(val,index) in posList">{{index+1}}. {{val.label}}</li>
    		</ul>
    	</div>
    </div>
</template>
<script>
	export default {
    	name: 'JobDes',
        data () {
            return {
            	requireList:[
            		{ req: '负责相关项目的Web前端研发和优化工作'},
	            	{ req: '负责项目前期需求分析、调研、系统设计及研发、后续优化相关工作'},
            	],
            	posList:[
            		{ label: '本科及以上学历，四年以上Web前端开发经验'},
	            	{ label: '具备良好的学习能力、沟通能力、分析及解决问题能力，优秀的团队协作精神'},
	            	{ label: '本科及以上学历，四年以上Web前端开发经验'},
	            	{ label: '熟练掌握Web系统开发技术，精通Javascript，Jquery，HTML5，CSS'},
	            	{ label: '熟练掌握流行的框架：Vue.js，ElementUI，'},
	            	{ label: '熟悉常用前端构建工具：Webpack'},
	            	{ label: '熟练使用git管理工具 '},
	            	{ label: '工作态度认真，积极主动，具有良好的语言表达和沟通能力，有良好的团队合作精神 '}
            	]
            }
        }
    }
</script>
<style scoped>
	.big_description{
		margin-top: 25px;
		padding-left: 30px;
		padding-bottom: 15px;
		padding-left: 30px;
	}
	.big_description_span{
		width: 3px;
		height: 18px;
		background: #2D8CF0;
		display: inline-block;
		position: relative;
		top: 4px;
		margin-right: 5px;
	}
	.big_description_span1{
		font-size: 15px;
		font-weight: 700;
	}
	
	.description_pos{
		padding-left: 10px;
		padding-top: 15px;
		font-size: 14px;
	}
	.description_require{
		padding-left: 10px;
		margin-top: 25px;
		font-size: 14px;
	}
	
	.description_ul{
		list-style: none;
	}
</style>
